<template>
	<div>
		testbox
		<table>
			<tr><td v-for="item in header" :key="item">{{item}}</td></tr>
			<tr v-for="item,index in tbody" :key="index">
				<td v-for="itm in item" :key="itm">{{itm}}</td>
			</tr>
		</table>
	</div>
</template>

<script setup lang="ts">
	const header = ['测试','第一次测试','第二次测试','第三次测试'];
	const tbody = [
		['时间','8.7','9.7','10.20'],['未做/未说','视空间：请画出相同的立方体图形','注意力：问受试者：“100减去7是多少?得到的数字再减去7是多少?”连续做5次。','无'],
		['总分','2','12','23']
	];
</script>

<style lang="less" scoped>
	table {
		width: 100%;
		border-collapse: collapse;
		text-align: center;
		margin-top: 30px;
		font-size: 13px;
		tr,th,td {
			border: 2px solid #1abb73;
		}
		
		th,td {
			padding: 10px 0;
		}
		
	}
</style>